<template lang="html">
    <div>
      <nav-header></nav-header>
      <div>
        <div class="container">
          <div class="page-title-normal">
            <h2 class="page-title-h2"><span>check out</span></h2>
          </div>
          <!-- 进度条 -->
          <div class="check-step">
            <ul>
              <li class="cur"><span>Confirm</span> address</li>
              <li class="cur"><span>View your</span> order</li>
              <li class="cur"><span>Make</span> payment</li>
              <li class="cur"><span>Order</span> confirmation</li>
            </ul>
          </div>

          <div class="order-create">
            <div class="order-create-pic"><img src="/static/ok-2.png" alt=""></div>
            <div class="order-create-main">
              <h3>Congratulations! <br>Your order is under processing!</h3>
              <p>
                <span>Order ID：{{orderId}}</span>
                <span>Order total：{{orderTotal | currency('$')}}</span>
              </p>
              <div class="order-create-btn-wrap">
                <div class="btn-l-wrap">
                  <router-link  class="btn btn--m" to="/cart">Cart List</router-link>
                </div>
                <div class="btn-r-wrap">
                  <router-link class="btn btn--m" to="/">Goods List</router-link>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <nav-footer></nav-footer>
    </div>
</template>

<script>
  import NavHeader from './../components/NavHeader'
  import NavFooter from './../components/NavFooter'
  import NavBread from './../components/NavBread'
  import Modal from './../components/Modal'
    export default {
        data() {
            return {
              orderId:'',
              orderTotal:''
            }
        },
        components: {
          NavHeader,
          NavFooter,
          NavBread,
          Modal
        },
      mounted(){
          this.init();
      },
      methods:{
          init(){
            let orderId = this.$route.query.orderId;
            let param ={
              orderId:orderId
            };
            // console.log(orderId);
            if(!orderId){
              return;
            }
            //get 请求需要传入params
            this.$http.get("/users/orderDetail",{
              params:param
            }).then((response)=>{
              let res = response.data;
              console.log(res);
              if(res.status =='0'){
                this.orderId = orderId;
                this.orderTotal = res.result.orderTotal;
              }
            });
          }
      }
    }
</script>
